<template>
	<div class="favoite">
		<div class="recommend-title">
			<img class="title-img" src="http://img1.qunarzz.com/piao/fusion/1711/89/ebc329f16c55bb02.png"/>
			<span class="title">周末去哪</span>
		</div>
		<ul class="ulContent">
			<li class="favoiteContent" v-for="item of weekendList" :key="item.id">
				<div class="itemImg">
					<img class="item-img" :src="item.imgUrl" />
				</div>
				<div class="favoiteCont">
					<div class="favoiteTitle">{{item.title}}</div>
					<div class="detailDesc">{{item.desc}}</div>
				</div> 
			</li>
		</ul>
	</div>
</template>

<script>
	import unitStar from '../../../unit/star.js'
	import star from '../../star/star.vue'
	export default {
		name:'HomeWeekend',
		props:{
			weekendList:Array
		},
	}
</script>

<style lang="stylus" scoped>
	@import '../../../assets/styles/minxins.styl'
	.favoite
		margin-top:0.3rem
		background:#fff
		width:100%
		.recommend-title
			padding:0.24rem				
			.title-img
				width:0.3rem
				height:0.35rem
				display:inline-block
				overflow:hidden
				vertical-align:top
			.title
				font-size:0.4rem
		.ulContent
			width:100%
			.itemImg
				overflow:hidden
				height:0
				padding-bottom:37.9%
				.item-img
					width:100%
			.favoiteCont
				padding:0.24rem
				width:8rem
				.favoiteTitle
					font-size:0.4rem
					font-weight:800
					min-width:0
					ellipsis()
				.starComment
					padding:0.2rem 0  0.2rem
					display:flex
					felx-direction:row
					.Scomment
						margin-left:0.3rem
						font-size:0.3rem
						margin-top:0.05rem
				.detailDesc					
					color:#666
					line-height:0.5rem
					font-size:0.3rem
					ellipsis()
		
</style>